<template>
  <div class="index">
    <div class="index-time-choose-f">
      <div class="index-time-choose">
        <DatePicker class="index-time" type="date" open placement="top"></DatePicker>
      </div>
    </div>
    <h1 style="text-align: center">欢迎访问大商电器代理服务平台</h1>
  </div>
</template>

<script>
  export default {
    name: "Home"
  }
</script>

<style lang="less">
  .index {
    .index-time-choose-f {
      width: 320px;
      height: 360px;
      margin: 10% auto;
      position: absolute;
      margin-left: 150px;
    }

    .index-time-choose {
      width: 0px;
      height: 0px;
      position: absolute;
      top: -40px;
      left: 50px;
      right: 0;
      bottom: 0;
    }

    .index-time {
      .ivu-date-picker-rel {
        visibility: hidden !important;
      }

      .ivu-select-dropdown {
        transform:scale(1.5);
      }

      .ivu-date-picker-cells-cell em {
        transform: scale(.7);
      }

      .ivu-date-picker-cells-cell:nth-child(14n+1),
      .ivu-date-picker-cells-cell:nth-child(14n-5),
      .ivu-date-picker-cells-cell:nth-child(14n-4),
      .ivu-date-picker-cells-cell:nth-child(14n-3),
      .ivu-date-picker-cells-cell:nth-child(14n-2),
      .ivu-date-picker-cells-cell:nth-child(14n-1),
      .ivu-date-picker-cells-cell:nth-child(14n){
        background: #F7FDFE;
      }

      .ivu-date-picker-cells-header {
        border-bottom: 0.5px #DCDCDC solid;

        span {
          transform: scale(.8);
          color: #606266;
        }

        span:first-child,
        span:last-child {
          transform: scale(.8);
          color: #DCDCDC;
        }
      }

      .ivu-date-picker-header {
        border: none;
        margin-bottom: -5px;

        span.ivu-picker-panel-icon-btn {
          transform: scale(.8);
        }
      }

      .ivu-date-picker-cells-focused em {
        box-shadow: 0 0 0 1px #2d8cf0 inset;
        background: #2d8cf0;
        color: #ffffff;
      }
    }
  }
</style>
